<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org" lang="zh-CN">

<div th:fragment="content">
    <p class="text-muted">过滤条件</p>

    <div class="form-group">
        <div class="row">
            <div class="col-md-4">
                <label class="col-sm-3 control-label text-right">组合</label>
                <div class="col-sm-9">
                    <select id="filterCombination"
                            class="form-control select-control">
                        <option value="and">and</option>
                        <option value="or">or</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <label class="col-sm-3 control-label text-right">数据源表</label>
                <div class="col-sm-9">
                    <select id="sourceFieldFilter" class="form-control select-control">
                        <option>NAME</option>
                    </select>
                </div>
            </div>
            <div class="col-md-4">
                <label class="col-sm-3 control-label text-right">条件</label>
                <div class="col-sm-9">
                    <select id="filterOperator" class="form-control select-control">
                        <option value="equal">=</option>
                        <option value="notEqual">!=</option>
                        <option value="gt">&gt;</option>
                        <option value="lt">&lt;</option>
                        <option value="gtAndEqual">&gt;=</option>
                        <option value="ltAndEqual">&lt;=</option>
                    </select>
                </div>
            </div>
        </div>
    </div>

    <div class="form-group">
        <div class="row">
            <div class="col-md-4">
                <label class="col-sm-3 control-label text-right">参数</label>
                <div class="col-sm-9">
                    <textarea id="filterArg" class="form-control" rows="2" placeholder="请输入参数"></textarea>
                </div>
            </div>
            <div class="col-md-7"></div>
            <div class="col-md-1">
                <button id="filterAdd" type="button" class="btn btn-primary">
                    <span class="fa fa-plus"></span>添加
                </button>
            </div>
        </div>
    </div>

    <div class="form-group">
        <table class="table table-hover">
            <thead>
            <tr>
                <th>组合</th>
                <th>数据源表</th>
                <th>条件</th>
                <th>参数</th>
                <th>操作</th>
            </tr>
            </thead>
            <tbody class="filterList">
                <tr>
                    <td>and</td>
                    <td>NAME</td>
                    <td>=</td>
                    <td>张三</td>
                    <td><a class='fa fa-remove fa-2x filterDelete fastsyncer_pointer' title='删除' ></a></td>
                </tr>
            </tbody>
        </table>
    </div>
</div>
</html>